<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>供应商报表</title>
<meta name="decorator" content="default" />

<script src="${ctxStatic}/Highcharts-4.2.5/js/modules/exporting.js" type="text/javascript"></script>
<script src="${ctxStatic}/Highcharts-4.2.5/js/highcharts.js" type="text/javascript"></script>
<script src="/jeesite/pro/realDetailForm/js/clienteleReport.js" type="text/javascript"></script>
<!-- 圆饼图形样式 -->
<style type="text/css">
g.highcharts-button {
	display: none;
}
</style>

</head>
<body class="fixed-top">
<sys:message content="${message}"/>
	<div id="body">
		<div class="container-fluid">
			<div class="row-fluid">
				<div class="">
					<div class="tabbable tabbable-custom boxless" >
						<ul class="nav nav-tabs" id="liStatusGroup">
							<li><a id="ten" href="javascript:void(0)"  data-toggle="tab">近10天</a></li>
							<li class="active"><a id="thirty" href="javascript:void(0)" data-toggle="tab">近30天</a></li>
							<li><a id="sixty" href="javascript:void(0)" data-toggle="tab">近60天</a></li>
							<li><a id="history" href="javascript:void(0)"data-toggle="tab">历史>></a></li>
						</ul>
						<div class="tab-content">
							<div class="widget-body">
								<div class="clearfix margin-bottom-10" style="height: 450px;overflow: hidden;" >
									<div class="span6">
										<div class="widget">
											<div class="widget-title">
												<h4>
													<i class="icon-reorder"></i> 客户报表
												</h4>
											</div>
											<div class="widget-body">
												<table class="table tablesorter table-striped table-bordered table-condensed" style="word-wrap:break-all;word-break:break-all;" >
													<thead>
														<tr>
															<th>排名</th>
															<th>客户名称</th>
															<th>客户类型</th>
															<th>描述</th>
															<th>订单数</th>
														</tr>
													</thead>
													<tbody id="customerList">
													</tbody>
												</table>
												<div class="pagination">
													<ul>
														<li id="previousPageLi"><a id="previousPage" href="javascript:">&#171;上一页</a></li>
														<li id="nextPageLi"><a id="nextPage" href="javascript:">下一页&#187;</a></li>
														<li class="disabled controls">
														<a>当前<input type="text" id="pageNoOne"/> / 
														<input type="text" id="pageSizeOne"/>条，共<span id="countOne"></span> 条</a>
														</li>
													</ul>
												</div>

											</div>
										</div>
									</div>
									<div class="span6">
										<div class="widget">
											<div class="widget-title">
												<h4>
													<i class="icon-reorder"></i> 客户报表饼图
												</h4>
											</div>
											<div class="widget-body">
												<div class="row-fluid" id="ampieDIV"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span12">
						<div class="widget">
							<div class="widget-body">
								<table class="table tablesorter table-striped table-bordered table-condensed">
									<thead>
										<tr>
											<th>客户名称</th>
											<th>电话</th>
											<th>传真</th>
											<th>邮箱</th>
											<th>描述</th>
											<th>订单数</th>
										</tr>
									</thead>
									<tbody id="customerListTwo">
									</tbody>
								</table>
								<div class="pagination">
									<ul>
										<li id="previousPageLiTwo"><a id="previousPageTwo" href="javascript:">&#171;上一页</a></li>
										<li id="nextPageLiTwo"><a id="nextPageTwo" href="javascript:">下一页&#187;</a></li>
										<li class="disabled controls"><a>当前<input type="text"
												id="pageNoTwo" /> / <input type="text" id="pageSizeTwo" />条，共<span
												id="countTwo"></span> 条
										</a></li>
									</ul>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
